/*页面样式*/
.container {
    width: 1226px;
    height: 614px;
    background-color: #F5F5F5;
    /*行元素水平居中对齐*/
    margin: 0 auto;
}

.container .title {
    display: flex;
    /*X水平对齐*/
    justify-content: space-between;
    /*Y垂直对齐*/
    align-items: center;
    height: 50px;
    /*line-height: 50px;*/
    /*background-color: #9c68c2;*/
}
.container .title .left{
    flex: 1;
    background-color: #39a5a3;
}
.container .title .right{
    flex: 1;
    background-color: #f0a70c;
    text-align: right;
}

.container .product-list{
    display: flex;
    justify-content: space-between;
}
.container .product-list .left{
    width: 234px;
    height: 614px;
    background-color: rgb(227, 96, 231);
}
.container .product-list .right{
    display: flex;
    /*换行*/
    flex-wrap: wrap;
    /*X水平对齐*/
    justify-content: space-between;
    /*Y垂直对齐*/
    align-content: space-between;
    width: 978px;
    height: 614px;
    background-color: rgb(227, 209, 87);
}
.container .product-list .right .item{
    width: 234px;
    height: 300px;
    background-color: rgb(93, 122, 209);
}
.container .product-list .right .item:nth-child(1){
    order: 2;
}
.container .product-list .right .item:nth-child(2){
    order: 1;
}
